<template>
    <a-icon :component="iconTreeDelete" :style="{color}"></a-icon>
</template>

<script>
    export default {
        name: "IconTreeDelete",
        data(){
            return{
                iconTreeDelete: {
                    template: `<svg t="1617450138614" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="39653" width="200" height="200"><path d="M709.9 654.3c6 6 6 15.8 0 21.8-3 3-7 4.5-10.9 4.5-3.9 0-7.9-1.5-10.9-4.5L531.9 520 375.8 676.1c-3 3-7 4.5-10.9 4.5s-7.9-1.5-10.9-4.5c-6-6-6-15.8 0-21.8l156.1-156.1L354 342.1c-6-6-6-15.8 0-21.8s15.8-6 21.8 0l156.1 156.1L688 320.3c6-6 15.8-6 21.8 0s6 15.8 0 21.8L553.7 498.2l156.2 156.1z m215.2-156.1c0-72.9-20.1-144.2-58.2-206-4.5-7.3-14-9.5-21.2-5-7.3 4.5-9.5 14-5 21.2 35.1 57 53.6 122.6 53.6 189.8 0 199.8-162.6 362.4-362.4 362.4S169.6 698 169.6 498.2c0-199.8 162.5-362.4 362.3-362.4 88 0 172.8 31.9 238.9 89.9 6.4 5.6 16.1 5 21.8-1.4 5.6-6.4 5-16.1-1.4-21.8-71.8-62.9-163.8-97.5-259.3-97.5-216.8 0-393.2 176.4-393.2 393.2 0 216.8 176.4 393.2 393.2 393.2 216.8 0 393.2-176.4 393.2-393.2z" p-id="39654"></path></svg>`
                }
            }
        },
        props: {
            color: {
                type: String,
            }
        }
    }
</script>

<style scoped>

</style>
